import styled from 'styled-components'

export const HeaderWrap = styled.div`
    display:flex;
    justify-content:space-between;
    height: 33px;
    padding: 0 10px 0 34px;
    background-position: -225px -156px;
    border-bottom: 2px solid #C10D0C;
    .header-left{
        display:flex;
        .tags{
            margin-left:20px;
            display:flex;
            align-items:center;
            .line{
                margin: 0 10px;
                color: #ccc;
            }
        }
        .title{
            font-size: 20px;
            font-weight: normal;
            line-height: 28px;
        }
    }
    .header-right{
        display:flex;
        align-items:center;
        i{  
            display:inline-block;
            background-position: 0 -240px;
            width:12px;
            height:12px;
            margin-left:4px;
        }
    }
`